<div class="w1200 mt38">
    <include file="Index/subleft" />
    <ul class="index-pro">
        <volist name="pro_list" id="vo">
        <li>
            <a href="{:U('Product/info',array('id'=>$vo['id']))}">
                <img src="__PUBLIC__/uploads/{$vo.image}" alt="{$vo.name}" title="">
                <div> 
                    <span>产品分类：活性炭系列</span>
                    <p>本产品选用优质无烟煤和焦油为原料，采用先进工艺加工精制而成。外观为黑色柱状颗粒。有孔隙率发达、比表面积大、吸附力强、机械强度高、易反复再生、造价低等特点。广泛用于有毒气体净化、废气处理、工业和生活用水的净化处理、溶剂回收等方面。</p>
                    <i>查看详情</i> 
                </div>
                <h1 class="h1tit">{$vo.name}</h1>
            </a> 
        </li>
        </volist>
    </ul>
    <div class="clearfix"></div>
</div>

<div class="clearfix"></div>

<div class="w1218">
  <div class="tabbox">
    <div class="slide">
      <ul id="bigSlideUl" class="slide-ul" style="left: 0px;">
      <volist name="pro_list" id="vo">
        <li> <a class="picimglink" href="{:U('Product/info',array('id'=>$vo['id']))}"> <img src="__PUBLIC__/uploads/{$vo.image}" alt="{$vo.name}"> <span class="pic-txt">{$vo.name}</span> </a> </li>
      </volist>
      </ul>
    </div>
    <em class="tab-shadow"></em>
    <ul id="smallSlideUl" class="info-btn">
      <li class="info-cur" id="mypic0" sid="0"><span>1</span></li>
      <li id="mypic1" sid="1" class=""><span>2</span></li>
      <li id="mypic2" sid="2" class=""><span>3</span></li>
    </ul>
  </div>
</div>

<div class="black ptb45">
  <div class="w1200">
    <p class="title"> <span>新闻中心</span> <i>NEWS CENTER</i> </p>
    <ul class="new_l">
      <volist name="news_list" id="vo" offset="0" length="2">
      <li>
       <div class="index-news-img"> 
          
        <a href="{:U('News/info',array('id'=>$vo['id']))}"><img src="__PUBLIC__/uploads/{$vo.image}" alt="{$vo.name}"></a> <span><a href="{:U('News/info',array('id'=>$vo['id']))}">{$vo.name}</a></span> 
         
        </div>
        <dl class="index-new-one">
          
          <dt>{$vo.name}</dt>
          <dd>&nbsp;&nbsp;&nbsp;&nbsp;<a href="{:U('News/info',array('id'=>$vo['id']))}">{:zn_substr($vo['content'],0,80)}</a></dd>
          <dd><i>{:date('Y-m-d',$vo['publish_time'])}</i><b><a href="{:U('News/info',array('id'=>$vo['id']))}">查看详情</a></b></dd>
          
        </dl>
          <div class="clearfix"></div>
        </li>
        </volist>
    </ul>
    <div class="new_r">
      <volist name="news_list" id="vo" offset="2">
        <p><a href="{:U('News/info',array('id'=>$vo['id']))}">+&nbsp;&nbsp;{$vo.name}</a></p>
      </volist>
    </div>
      <div class="clearfix"></div>
   </div>
</div>
<div class="index-about">
    <div class="index-about-left">
        <p>手机：15503718231</p>
        <p>电话：{$config.tel}</p>
        <p>Email：{$config.email}</p>
        <p>地址：{$config.address}</p>
        <i style="margin-top: 30px;">{$config.tel}</i> 
    </div>
    <div class="index-about-right">
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;巩义市星创净水材料厂专业生产研制净水药剂，滤料及填料的综合性实体。</p>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;长期以来，本厂不断与大专学院及科研单位合作，开发出新的产品，扩大规模，加速产品的更新换代适应市场的需求，并能广泛地应用于电力，冶金，钢铁，煤气，纺织，印染，石油，电子，医药，食品，化工，及城镇给排水等诸多领域的水处理。</p>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由于可靠的产品质量，完善的售后服务，赢得了广大用户的信赖和好评。</p>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;企业宗旨：以人为本，以质量取胜，以信誉求长远，以创新求发展。</p>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;欢迎新老用户到厂参观咨询选购，全国统一服务热线：037185669515。 </p>
        <span>
            <img src="__PUBLIC__/home/images/img_06.jpg" alt=""> 
            <img src="__PUBLIC__/home/images/img_07.jpg" alt=""> 
            <img src="__PUBLIC__/home/images/img_06.jpg" alt=""> 
            <img src="__PUBLIC__/home/images/img_07.jpg" alt=""> 
        </span> 
    </div>
</div>

<div class="mainly" style="margin-bottom: 30px;">
        <div class="mainly_le">
            <div class="mainly_lebt">
             <span>留言反馈</span></div>
            <form id="msgForm" class="messages">
                 <div class="messlist" style="float:left;">
                  <label>姓名</label>
                  <input type="text" name="name" id="name1" placeholder="姓名" id="input1">
                     <div class="clearfix"></div>
                 </div>


                 <div class="messlist" style="float:right;">
                  <label>电子邮件</label>
                  <input type="text" name="email" id="email1" placeholder="电子邮件" id="input2">
                  <div class="clearfix"></div>
                 </div>


                 <div class="messlist" style="float:left;">
                  <label>手机号</label>
                  <input type="text" name="phone" id="phone1" placeholder="手机号" id="input3">
                  <div class="clearfix"></div>
                  <div class="clears"></div>
                 </div>

                <div class="messlist" style="float:right;">
                  <label>QQ</label>
                  <input type="text" name="qq" id="qq1" placeholder="QQ" id="input3">
                  <div class="clearfix"></div>
                  <div class="clears"></div>
                 </div>
                 
                 <div class="messlist textareas">
                  <label>留言内容</label>
                  <textarea name="content" id="content1" placeholder="说点什么吧..." id="input4" ></textarea>
                  <div class="clearfix"></div>
                 </div>

                 <div class="messsub">
                  <input type="button" id="tijiao" value="提交" style="background:#1375b6;color:#fff;">
                  <input type="reset" value="重填">
                  <div class="clearfix"></div>
                 </div>
            </form>
            
        </div>
        <div class="mainly_ri">
            <div class="mainly_ribt">
                <span>联系电话 Phone</span></div>
            <div class="main_rinr">
                <span>
                    
                    <p>&nbsp;
    
</p><p>
</p>
<p>
    咨询热线: <span>{$config.phone}
</span> 
</p>
<p>
    电话：{$config.tel}<br>
邮箱：{$config.email}

</p>
<p>
    地址：{$config.address}
</p>
                    
                </span>
            </div>
        </div>
        <div class="clearfix">
        </div>
    </div>
<script type="text/javascript">
        $(function(){
            $('#tijiao').click(function(){
                if($('#name1').val()==''){
                    alert('请输入姓名！');
                    return false;
                    }
                else if($('#email1').val()==''){
                    alert('请输入邮箱！');
                    return false;
                    }
                else if($('#phone1').val()==''){
                    alert('请输入电话！');
                    return false;
                    }
                else if($('#content1').val()==''){
                    alert('请输入留言内容！');
                    return false;
                    }
                    else{
            var data = $('#msgForm').serialize();
            $.ajax({
              url : "/xingc/Lxwm/lianxi",
              data : data,
              type : 'post',
              dataType : 'json',
              success : function(res){
                if(res == "OK"){
                  alert('留言成功');
                  $('#msg [type="text"]').val('');

                }
                else{
                  alert(res);
                }
              }
            });
          }
            })
        })
      </script>